<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=320,user-scalable=no" />
		<link rel="stylesheet" href="css/base.css" />
		<title></title>
	</head>

	<body>
		<style>
			.ui-loading {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 9999;
			}
			
			.ui-loading .ui-loading-mask {
				position: absolute;
				top: 0;
				left: 0;
				background-color: #000;	
				opacity: .2;
				z-index: 1
			}
			
			.ui-loading i {
				height: 90px;
				width: 90px;
				display: block;
				background: url(plugin/loading-master/src/loading.gif) no-repeat center center;
				background-size: 100% 100%;
				position: fixed;
				z-index: 2
			}
			
			.container div {
				height: 200px;
				margin: 20px 0;
			}
			
			.bar {
				padding: 10px 0;
				text-align: center;
			}
			
			.bar span {
				padding: 5px 5px;
				border: 1px solid #000000;
				display: block;
				float: left;
			}
			
			.bar span.active {
				background: #2AABD2;
				color: #FFF;
			}
			
			.bar select {
				padding: 5px;
				border: 1px solid #000;
				display: block;
				float: left;
			}
		</style>
		<div class="content" id="body">
			<div class="bar clearfix">
				<span class="active" data-param="0">今天</span>
				<span data-param="7">最近7天</span>
				<span data-param="30">最近30天</span>
				<select>
					<option value="0">全部</option>
					<option value="1">白云机场</option>
				</select>
			</div>
			<div class="container">
				<h4>源站类型分析</h4>
				<div id="sourceStationType"></div>
			</div>
			<div class="container">
				<h4>情感分析</h4>
				<div id="emotionAnalysisId"></div>
			</div>
			<div class="container">
				<h4>热词云</h4>
				<div id="hotWordId"></div>
			</div>
			<div class="container">
				<h4>专题分析</h4>
				<div id="toPicId"></div>
			</div>
			<div class="container">
				<h4>关键词TOP10</h4>
				<div id="keyWordId"></div>
			</div>
			<div class="container">
				<h4>舆情趋势</h4>
				<div id="numberTrendId"></div>
			</div>
			<div class="container">
				<h4>情感趋势</h4>
				<div id="emotionTrendId"></div>
			</div>

		</div>

		<script type="text/javascript" src="plugin/loading-master/src/jquery-1.11.2.js"></script>
		<script type="text/javascript" src="http://120.76.250.81:8080/plug-in/weixin/plugin/hcharts/highcharts.js"></script>
		<script type="text/javascript" src="http://120.76.250.81:8080/plug-in/weixin/plugin/hcharts/highcharts-more.js"></script>
		<script type="text/javascript" src="http://120.76.250.81:8080/plug-in/weixin/plugin/hcharts/hchartsYq.js"></script>
		<script>
			function getRandomColor() {
				return '#' + Math.floor(Math.random() * 16777215).toString(16);
			}
		</script>
		<script type="text/javascript" src="http://120.76.250.81:8080/plug-in/weixin/plugin/jqcloud/jqcloud-1.0.4.js"></script>
		<script type="text/javascript" src="plugin/loading-master/src/loading.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</body>

</html>